<link rel="stylesheet" href="/public/plugins/bootstrap-datepicker/bootstrap-datepicker3.min.css">

<div class="form-group"><label class="col-sm-2 control-label">{$form.title}</label>
    <div class="col-sm-10"> 
	     <div class="input-daterange input-group" data-date-format="mm/dd/yyyy">
            <input class="form-control" type="text" id="example-daterange1" name="example-daterange1" placeholder="From" width="100px">
            <span class="input-group-addon"><i class="fa fa-chevron-right"></i></span>
            <input class="form-control" type="text" id="example-daterange2" name="example-daterange2" placeholder="To">
        </div>

    </div>
</div> 
<script src="/public/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js"></script> 
<script>
    $(function () {
        App.initHelpers(['datepicker']);
    });
</script>
